<!DOCTYPE html>
<html>
<head>
<title>代码生成器</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

<!-- 引入基础的css和js -->
<link rel="import" href="../material/import.html" id="import">
<style>
.modal-dialog {
    width: 95%;
    height: 30%;
    top: -20px;
}
</style>
</head>
<body>
<div id="app">
	<!-- 查询块 start -->
     <div id="searchDiv">
	   	 <div class="panel panel-default">
	        <div >
	            <form id="formSearch" class="form-horizontal">
	                <div class="form-group" >
	                    <label class="col-sm-1">表名</label>
	                    <div class="col-sm-2">
	                        <input type="text" class="form-control" v-model="search.tableName"/>
	                    </div>
	                    <div class="col-sm-2" style="text-align:left;">
	                        <button type="button" style="margin-left:10px" id="btn_query" class="btn btn-primary" @click="query">查询</button>
	                    </div>
	                </div>
	            </form>
	        </div>
	    </div>
    </div>
    <!-- 查询块 end --> 
	
	<!-- 列表table显示 start -->
	<div class="col-sm-12 search-collapse">
		<div class="grid-btn" id="toolbar">
			<!-- <a class="btn btn-primary" @click="generator"><i class="fa fa-trash-o"></i>&nbsp;&nbsp;生成代码</a> -->
		</div>
		<table id="table"></table>
	</div>
	 <!-- 列表table显示end -->
</div>

<script src="../sys/js/generator.js"></script>
</body>
</html>